/**
 * @Author: Your name
 * @Date:   2021-10-11 09:36:17
 * @Last Modified by:   Your name
 * @Last Modified time: 2021-10-12 09:55:58
 */
// 'use strict';
$(function () { 
   
        // 封装一个方法
    function render(data=[]){
        
            let html=''
            data.forEach(_item=>{

                html+=`
                <li class='lilist' brandtitleid=${_item.brandTitleId}>
                        <div class="title">
                            <a  class="ta">
                                <span>${_item.brandTitle}</span>
                                <b>▼</b>
                            </a>
                        </div>
                        
                        <ul class="shop">
                    
                        </ul>
                </li>  
                `
            });
        $('.list').html(html);

        [...$('.lilist')].forEach(function(item,index){
            $.ajax({
                url:`http://chst.vip:1234/api/getbrand?brandtitleid=${Number($(item).attr('brandtitleid'))}`
            }).then(res=>{
                let html=res.result.reduce((value,item,index)=>{
                    // console.log(item);
                    return value+`
                    <li>           
                                <a href="../pages/brandchild.html?title=${item.brandName}&brandtitleid=${item.brandTitleId}" class="sa">
                                <b>${index}</b>
                                    <span>${item.brandName}</span>
                                    <div>${item.brandInfo}</div>
                                </a>          
                     </li>
                    `
                },"")
                $(item).find('.shop').html(html)
                
                $(item).find('.shop').slideUp(13)
                $(item).click(function(){
                    $(item).find('.shop').slideToggle(300).parent().siblings().find(".shop").slideUp(300)
                })
                
                
                
            })
        })
        
    };
        


        // 服务器数据请求
        // http://chst.vip:1234/api/getbrandtitle
        // http://chst.vip:1234/api/getbrand?brandtitleid=0
        $.ajax({
            url: "http://chst.vip:1234/api/getbrandtitle"
            
        })
        .then(res=>{
            // console.log(res);
            render(res.result); 
        });

    
});

